<template>
	<view class="contain">

		<view class="content p30">
			<view class="list fbc" v-for="item in datalist" @click="add(item.id)">
				<view class="left">{{item.categoryName}}</view>
				<u-icon name="arrow-right" color="#979797"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				datalist: [{
						name: '账号问题'
					},
					{
						name: '课程问题'
					},
					{
						name: '支付问题'
					},
					{
						name: '其他问题'
					}
				]
			}
		},
		onLoad() {
			this.fudaoNum()
		},
		methods: {
			add(categoryId) {
				uni.navigateTo({
					url: `/pages/my/feedback/add?categoryId=${categoryId}`
				})
			},
			async fudaoNum() {
				this.datalist = await this.$u.api.getCate({
					categoryType: 7
				})
			},
		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>
<style>
	.list {
		font-size: 30rpx;
		border-bottom: 1rpx solid #E5E5E5;
		padding-bottom: 40rpx;
		padding-top: 40rpx
	}

	.contain {
		padding: 0 30rpx;
	}
</style>